<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!--<link rel="stylesheet" href="css/bootstrap.min.css" />-->
		<!-- 新 Bootstrap 核心 CSS 文件 -->
        <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
	</head>
	<body>
		<!--
			通过按钮组容器,把一组按钮放到同一行里,建议和按钮组插件联合使用,会出现更好的样式
		-->
		<div class="container">
			<!--btn-group 水平排列 默认-->
			<!--btn-group-vertical 垂直排列-->
			<div class="btn-group-vertical">
				<button type="button" class="btn btn-default">left</button>
				<button type="button" class="btn btn-default">Middle</button>
				<button type="button" class="btn btn-default">Right</button>
			</div>
		</div>
		<div class="btn-toolbar">
			<div class="btn-group-lg">
				<button type="button" class="btn btn-default"><span class="glyphicon glyphicon-align-left">left</span></button>
			</div>
		</div>
		<div class="btn-toolbar">
			<div class="btn-group-sm">
				<button type="button" class="btn btn-default"><span class="glyphicon glyphicon-align-center">left</span></button>
			</div>
		</div>
		<div class="btn-toolbar">
			<div class="btn-group-xs">
				<button type="button" class="btn btn-default"><span class="glyphicon glyphicon-align-right">left</span></button>
			</div>
		</div>
		<div class="btn-group">
			<button type="button" class="btn btn-default">1</button>
			<button type="button" class="btn btn-default">2</button>
		</div>
		<div class="btn-group">
			<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
				下拉菜单
				<span class="caret"></span>
			</button>
			<ul class="dropdown-menu" role="menu">
				<li><a href="#">点我</a></li>
				<li><a href="#">点我</a></li>
			</ul>
		</div>
		<!--
			
		-->
		<div class="btn-group btn-group-justified">
			<div class="btn-group">
				<button type="button" class="btn btn-default">left</button>
			</div>
			<div class="btn-group">
				<button type="button" class="btn btn-default">center</button>
			</div>
			<div class="btn-group">
				<button type="button" class="btn btn-default">right</button>
			</div>
		</div>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
	</body>
</html>
